<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/reset.css">
    <style>
    </style>
</head>
<body>

    <div class="oUt">
        <div class="oo"></div>
        <div class="oIn">
            <!-- 头部区域 -->
            <header>
                <div class="center">
                    <a href="#" class="head"></a>
                    <h1>
                        <a href="#"></a>
                    </h1>
                    <a href="cart.html" class="shop">
                        <div class="one"></div>
                        <span>购物车</span>
                    </a>
                    <a href="login.html" class="login">
                        <div class="two"></div>
                        <span>立即登录</span>
                    </a>
                    <div class="sousuo">
                        <div class="three"></div>
                        <input type="text" placeholder="请输入想要找的宝贝">
                    </div>
                </div>
            </header>
            <!-- 导航栏 -->
            <nav>
                <div class="bk">
                    <div class="center">
                        <ul>
                            <li><a href="index.html" class="twolist"></a></li>
                            <li><a href="goods.html" class="twolist"></a></li>
                            <li><a href="goods.html" class="twolist"></a></li>
                            <li><a href="goods.html" class="twolist"></a></li>
                            <li><a href="goods.html" class="twolist" ></a></li>
                            <li><a href="goods.html" class="twolist"></a></li>
                            <li><a href="goods.html" class="twolist"></a></li>
                        </ul>
                        <a href="#" id="a">
                            <span>全部商品分类</span>
                            <div class="one"></div>
                        </a>
                    </div>
                </div>
                
            </nav>
        <!-- banner -->
        </div>
        <div class="nn">
                    <div class="center">
                        <ul class="menu">
                            <li class="menu-li">
                                <a href="#" class="a1">
                                    <img src="img/n1.png" alt="">
                                    <p>数码3C</p>
                                </a>
                                <ul class="goodslist">
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-li">
                                <a href="#" class="a1">
                                    <img src="img/n2.png" alt="">
                                    <p>毛绒玩偶</p>
                                </a>
                                <ul class="goodslist">
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-li">
                                <a href="#" class="a1">
                                    <img src="img/n3.png" alt="">
                                    <p>通用日常</p>
                                </a>
                                <ul class="goodslist">
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-li">
                                <a href="#" class="a1">
                                    <img src="img/n4.png" alt="">
                                    <p>手办模型</p>
                                </a>
                                <ul class="goodslist">
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-li">
                                <a href="#" class="a1">
                                    <img src="img/n5.png" alt="">
                                    <p>服饰配饰</p>
                                </a>
                                <ul class="goodslist">
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-li">
                                <a href="#" class="a1">
                                    <img src="img/n6.png" alt="">
                                    <p>新品专区</p>
                                </a>
                                <ul class="goodslist">
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                    <li>
                                        <a href="#">充电宝</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
        
    </div>
    <div class="topfix">
        <a href="#">
            <div></div>
        </a>
    </div>
    
</body>
</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/header.js"></script>
